<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body {
				font-size: 12px;
			}

			body p#pid {
				background: #F0F;
			}
			/*1 + 1 + 100 = 102*/

			body p {
				background: #00F;
			}
			/*2*/

			p {
				/*background: #F00!important;*/
				background: #F00;
			}
			/*1*/

			/*#pid {
				color: #0F0;
				background: #00F;
			}

			#pid {
				color: #0F0;
				background: #0F0;
			}*/

			/*颜色的几种写法*/
			/* #RGB 0~F #F00 红色
			 * #RRGGBB 00~FF #FF0000 红色
			 * RGB(xx,xx,xx) RGB(255,0,0)红色
			 * RGB(x%,x%,x%) RGB(100%,0%,0%)红色
			 * RGBA(255,0,0,0.5) 50%透明的红色
			 */

			/*单位的省略*/
			/* width:10px;
			 * width:0;
			 */

			/*边距*/
			/* margin padding
			 * margin p1; 上右下左，都是p1
			 * margin p1 p2; 上下是p1，左右是p2
			 * margin p1 p2 p3; 上是p1，左右是p2，下是p3
			 * margin p1 p2 p3 p4;上右下左
			 * */

			/*边框的简写*/
			/*div {
				border-width: 1px;
				border-style: solid;
				border-color: #FF0000;
			}

			div {
				border: 1px solid #FF0000;
			}*/

			/*背景的简写*/
			/*div {
				background-color: #FFF;
				background-image: url(xxx.gif);
				background-repeat: no-repeat;
				background-attachment: fixed;
				background-position: 0 0;
			}

			div {
				background: #FFF url(xxx.gif) no-repeat fixed 0 0;
			}*/

			/*字体的简写*/
			/*body {
				font-style: italic;
				font-variant: small-caps;
				font-weight: bold;
				font-size: 12px;
				line-height: 140%;
				font-family: sans-serif;
			}

			body {
				font: italic small-caps bold 12px/140% sans-serif;
			}*/

			/*列表的简写*/
			/*li {
				list-style-type: square;
				list-style-position: inside;
				list-style-image: url(xxx.gif);
			}

			li {
				list-style: square inside url(xxx.gif);
			}*/
		</style>
	</head>
	<body>
		<p id="pid">111</p>
	<div><script language="javascript">

	</script></div></body>
</html>
